<script>
	export default {
		onLaunch: function () {
			console.log('App Launch');
		},
		onShow: function () {
			console.log('App Show');
		},
		onHide: function () {
			console.log('App Hide');
		}
	}
</script>

<style>
	/**
	 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
	 * http://cssreset.com
	 */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video, input {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font-weight: normal;
		vertical-align: baseline;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* custom */
	a {
		color: #7e8c8d;
		text-decoration: none;
		-webkit-backface-visibility: hidden;
	}

	li {
		list-style: none;
	}

	::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}

	::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 6px;
	}

	::-webkit-scrollbar-thumb:vertical {
		height: 5px;
		background-color: rgba(125, 125, 125, 0.7);
		-webkit-border-radius: 6px;
	}

	::-webkit-scrollbar-thumb:horizontal {
		width: 5px;
		background-color: rgba(125, 125, 125, 0.7);
		-webkit-border-radius: 6px;
	}

	html, body {
		width: 100%;
	}

	body {
		-webkit-text-size-adjust: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	/*每个页面公共css */
	@font-face {
  font-family: 'iconfont';  /* project id 673452 */
  src: url('https://at.alicdn.com/t/font_673452_2h0wypf4ifj.eot');
  src: url('https://at.alicdn.com/t/font_673452_2h0wypf4ifj.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_673452_2h0wypf4ifj.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_673452_2h0wypf4ifj.woff') format('woff'),
  url('https://at.alicdn.com/t/font_673452_2h0wypf4ifj.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_673452_2h0wypf4ifj.svg#iconfont') format('svg');
}
	.iconfont{
		font-family: 'iconfont' !important;
		font-size: 14px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.icon-address:before{ content: '\e637';}
	.icon-app:before{ content: '\e60a';}
	
	.icon-close:before { content: "\e62b";}
	.icon-close2:before{ content: '\e612';}
	.icon-comment:before{ content: '\eb98';}
	.icon-comment2:before{ content: '\e618';} /* 实心图标 */
	.icon-chat:before{ content: '\e649';}
	.icon-certification:before{ content: '\e69c';}
	
	.icon-file:before{ content: '\e628';}
	.icon-forward:before{ content: '\e6cf';}
	.icon-forward2:before{ content: '\e60d';}
	
	.icon-image:before{ content: '\e6fc';}
	
	.icon-like:before{ content: '\e611';} /* 空心图标 */
	.icon-like2:before{ content: '\e61a';} /*点赞手势*/
	.icon-like3:before{ content: '\e63b';} /* 实心图标 - 有空隙 */
	.icon-like4:before{ content: '\e69d';} /* 实心图标 */
	.icon-list:before{ content: '\e652';}
	
	.icon-more:before{ content: '\e641';}
	.icon-music:before{ content: '\e655';}	
	
	.icon-notice:before{ content: '\e617';}
	.icon-novel:before{ content: '\e614';}
	
	.icon-onlineService:before{ content: '\e621';}
	
	.icon-reward:before{ content: '\e652';}
	.icon-right:before{ content: '\e61c';}
	
	.icon-setting:before{ content: '\e676';}
	
	.icon-text:before{ content: '\e878';}
	
	.icon-video:before{ content: '\e609';}
	
	
	
	

	body{
		font-size: 14upx;
		color: #333;
		line-height: 18upx;
	}
	/* flex */
	.flex{
		display: -webkit-box;      /* 老版本 - 适配iOS 6-, Safari 3.1-6 */
		display: box; /* OLD - Android 4.4- */
		display: -webkit-flex;     /* 新版本 - 适配Chrome */
		display: flex;             /* 新版本,- 适配Opera 12.1, Firefox 20+ */
	}
	/* 子元素横向排列 */
	.flex-h{
		-webkit-box-orient: horizontal;
		-webkit-box-direction:normal;
		/* 12版 */
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	/* 子元素横向两端对齐 */
	.flex-hsb{
		/* 09版 */
		-webkit-box-pack: space-between;
		/* 12版 */
		-webkit-justify-content: space-between;
		justify-content: space-between;
		/* 其它取值如下：
		  align-items     主轴原点方向对齐
		  flex-end        主轴延伸方向对齐
		  space-between   等间距排列，首尾不留白
		  space-around    等间距排列，首尾留白
		 */
	}
	/* 子元素横向居中 */
	.flex-hc{
		/* 09版 */
		-webkit-box-pack: center;
		/* 12版 */
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	/* 子元素竖向排列 */
	.flex-v{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		/* 12版 */
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	/* 子元素竖向居中排列 */
	.flex-vc{
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	/* 子元素占据父元素剩余空间 */
	.flex-1{
		-webkit-flex: 1;
		flex: 1;
	}
	
	.flex-wrap{ 
		-webkit-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		flex-wrap: wrap;
	}
	
	
	/* 通用的app状态栏高度占位符 */
	.status_bar{
		height: var(--status-bar-height);
		width: 100%;
		/* background-color: #fff;  */
	}	
	.top_view {  
    height: var(--status-bar-height);  
    width: 100%;  
    position: fixed;  
    /* background-color: #fff;  */
    top: 0;  
    z-index: 999;  
	} 
	
	
</style>
